<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="/WEB-INF/tlds/spring.tld"%>
<%@ taglib prefix="c" uri="/WEB-INF/tlds/c.tld"%>
<c:set var="BasePath" value="${pageContext.request.contextPath}"></c:set>
<c:set var="Plugins" value="${pageContext.request.contextPath}/res/plugins"></c:set>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新增品牌</title>
<link href="${Plugins}/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<link href="${Plugins}/ligerUI/skins/Gray/css/all.css" rel="stylesheet" type="text/css" />
<script src="${Plugins}/jquery/jquery-1.4.4.min.js"	type="text/javascript"></script>
<script src="${Plugins}/ligerUI/js/ligerui.min.js" type="text/javascript"></script>
<script src="${Plugins}/jquery-validation/jquery.validate.min.js" type="text/javascript"></script>
<script src="${Plugins}/jquery-validation/jquery.metadata.js" type="text/javascript"></script>
<script src="${Plugins}/jquery-validation/messages_cn.js" type="text/javascript"></script>
<script src="${BasePath}/res/js/common/jquery.form.js" type="text/javascript"></script>
<script type="text/javascript" src="${BasePath}/res/js/ligerCommon.js"></script>
<script src="${BasePath}/res/js/common/jquery.validate.method.js" type="text/javascript"></script>
<script src="${Plugins}/datepicker/WdatePicker.js" type="text/javascript"></script>
<script src="${BasePath}/res/js/product/commodityCat.js" type="text/javascript"></script>


<style type="text/css">
    body{ font-size:12px;}
    .l-table-edit {}
    .l-table-edit-td{ padding:4px;}
    .l-button-submit,.l-button-test{width:80px; float:left; margin-left:10px; padding-bottom:2px;}
    .l-verify-tip{ left:230px; top:120px;}
    .p-tab .s-lab{font-size:12px;font-family:"微软雅黑",​"宋体",​Arial,​sans-serif;}
	input.l-textarea{width:170px;height:20px;font-size:12px;}
	 .navbar {
		height: 20px;
		border-bottom: #E6E6E6 solid 1px;
		line-height: 20px;
	}
	ul {list-style:none;border: 1px solid #DDDDDD;width:400px; float:left;}
	.li_ls{
		float:left; 
		width:30%; 
		margin:5px; 
		word-break:keep-all;/* 不换行 */
		white-space:nowrap;/* 不换行 */
		overflow:hidden;
		text-overflow:ellipsis;
	}
	select{margin-right: 10px;}
</style>
</head>
<body style="padding:10px">
<div class="navbar">
		<span>您当前的位置：</span>
		商品管理 &gt;分类列表>&gt;新增分类
</div>
<form name="form1" method="post" action="addCommodityCat.do" id="form1">
<input type="hidden" id="catPno" name="catPno" value="0">
<br>
<table cellpadding="0" cellspacing="0" class="l-table-edit p-tab" >
    <tr>
        <td align="right" class="l-table-edit-td s-lab">上级分类:</td>
        <td align="left" class="l-table-edit-td s-lab">
        	<div id="catDiv"></div>
        </td>
        <td align="left"></td>
    </tr>
     <tr>
        <td align="right" class="l-table-edit-td s-lab"><font color="red">*</font>分类名称:</td>
        <td align="left" class="l-table-edit-td s-lab"><input maxlength="20" name="catName" type="text" class="l-textarea" id="catName" validate="{required:true,minlength:1,maxlength:50,catName_exit:true}" /></td>
        <td align="left"></td>
    </tr>
	<tr>
        <td align="right" class="l-table-edit-td s-lab"><font color="red">*</font>编号:</td>
        <td align="left" class="l-table-edit-td s-lab"><input id="no" name="no" type="text" class="l-textarea" id="no" maxlength="6" validate="{required:true,minlength:6,maxlength:6}" /> </td>
        <td align="left"></td>
    </tr>
	 <tr>
        <td align="right" class="l-table-edit-td s-lab">分类描述：</td>
        <td align="left" class="l-table-edit-td s-lab"><textarea onkeyup="this.value=this.value.substring(0,200);" rows="5" cols="50" class="l-textarea" name="description"  ></textarea></td>
        <td align="left"></td>
    </tr>
</table>




<input type="submit" value="保存" id="Button1" class="l-button l-button-submit" /> 
<input type="button" value="取消" name="tests"  id="tests" class="l-button l-button-test" />
</form>
<div style="display:none">
<!--  数据统计代码 --></div>

<script type="text/javascript">
	var basePath="${BasePath}";
	$(function() {
		//初始加载分类
		parentCat("0");
	});
	
	//修改分类
	function getProCat(o){
		$("select[name=level]").eq($(o).index()).nextAll().remove();
		
		if(o.value == "" || o.value == null){
			$("#catPno").val($("select[name=level]").eq($(o).index()-1).val());
		}else{
			$("#catPno").val(o.value);
		}
		if(o.value == "0") return false;
		sonCat(o.value);
	}
	
	$(function() {
		
		jQuery.validator.addMethod("catName_exit",function(value,element){
			var catName=$("#catName").val();
			var rst = false;
			  $.ajax({
					type:"POST",
					url:basePath + "/product/cat/checkCatName.do",
					data:{"catName":catName},
					async : false,
					success:function(data){
						if(data=="fail"){
							rst = false;
						}else{
							rst = true;
						}
					}
				});
			  return this.optional(element) || rst;
		
		   },"该分类名称已存在，请重输入");
		
	});
	
	$("#no").blur(function() {
		var no = $("#no").val();
		$.post(
				basePath + '/product/cat/getCommodityCatByNo.do',
				{no : no},
			 	function(data) {
					if(data == "success"){
						window.parent.$.ligerDialog.error("该编号已存在，请重新输入！");
						$("#no").val("");
					};
		});
	});



	$(function() {
		//validate
		
		$.metadata.setType("attr", "validate");
		var v = $("form")
				.validate(
						{
							errorPlacement : function(lable, element) {
								lable.ligerHideTip();
								if (element.hasClass("l-textarea")) {
									element.ligerTip({
										content : lable.html(),
										target : element[0]
									});
								} else if (element.hasClass("l-text-field")) {
									element.parent().ligerTip({
										content : lable.html(),
										target : element[0]
									});
								} else {
									lable.appendTo(element.parents("td:first")
											.next("td"));
								}
							},
							success : function(lable) {
								lable.ligerHideTip();
								lable.remove();
							},
							submitHandler : function() {
								
								$("form .l-text,.l-textarea").ligerHideTip();
								var options = {
									type : 'POST',
									beforeSend : function() {
										$("#form1").find(":submit,:button")
												.attr("disabled", true);
									},
									success : function(data) {
										if (data == "success") {
											window.parent.f_tip('新增成功');
											close_liger_tab();
										} else {
											window.parent.f_tip('新增失败');
										}
									}
								}, $form1 = $("#form1");
								$form1.ajaxSubmit(options);
								return false;
							}
						});
	});
	// 取消
	$("#tests").click(function() {
		close_liger_tab();
	});
</script>
</body>
</html>